<script lang="ts">
 import { h } from "vue"

export default {
  render() {
    const slots = this.$slots.default ? this.$slots.default() : []
    const top = this.$slots.top ? this.$slots.top() : []
    const center = this.$slots.center ? this.$slots.center() : []
    const bottom = this.$slots.bottom ? this.$slots.bottom() : []
    
    // debugger
    return h('div', [top, center, bottom, ...slots])
  }
}
</script>